<script setup lang="ts">
import avatarDropdown from "./components/dropdown.vue";
import collapse from "./components/collapse.vue";
import breadcrumb from "./components/breadcrumb.vue";
</script>

<template>
  <div
    class="base-layout-header-container !px-[10px] box-border flex flex-row items-center justify-between"
  >
    <div class="left-container h-full flex flex-row items-center">
      <collapse />
      <breadcrumb class="!ml-[12px]" />
    </div>
    <div class="right-container h-full flex flex-row items-center">
      <avatar-dropdown />
    </div>
  </div>
</template>

<style lang="scss" scoped></style>
